@charset "utf-8";
/**
 * global.css 网站全局样式文件
 * @author jlve<353375095@qq.com>
 * @create 2015-09-11
 *
 * #reset
 * #common
 * ------- layout -------
 * navi  				主导航条
 * rightNaviWrap 		右侧导航条
 * serviceWrap 			右侧导航条-客服
 * careWrap 			右侧导航条-关注
 * favoriteWrap			右侧导航条-收藏
 * footerWrap			页脚
 * simpleFooter			简洁页脚
 * leftMenu				左侧手风琴菜单
 * alertWrap			错误提醒
 * ------- icons -------
 *#person				导航条个人中心小箭头
 *#favorite				导航条收藏
 *#cart					导航条购物车
 *#business				导航条商务中心
 *.logo					导航条logo
 *.newLabel				导航条new标签
 *#headIcon				滚屏导航条个人中心
 *#cartIcon				滚屏导航条购物车
 *#shopIcon				滚屏导航条商务中心
 *.infoNumber			滚屏导航条购物车红色数字
 *#orderIcon			右侧导航条预约量体
 *#serviceIcon			右侧导航条客服
 *#careIcon				右侧导航条关注
 *#favoriteIcon			右侧导航条收藏
 *#topIcon				右侧导航条置顶
 *.trashIcon			右侧导航条收藏夹删除图标
 *.favoriteNumber		右侧导航条收藏夹红色数字
 *#goBack				向左箭头的返回图标
 
 * ------- form -------
 * #search				默认搜索框
 * #floatSearch			滚屏后搜索框
 *
 * ------- motion -------
 * #topFlag				顶部摇动的旗语
 *
 * ------- button -------
 *#orderButton			页脚预约量体按钮
 *
 *#searchButton1		默认导航条搜索条后的放大镜按钮
 *#searchButton3		下拉后导航条搜索条后的放大镜按
 *.pageButton			分页按钮
 *.active				分页按钮当期页
/* #reset */
html {*overflow-y:auto;/* 去掉IE7下默认出现的滚动条 */}
body {color:#3e3e3e;background-color:#ffffff;font-family: 'Microsoft Yahei',"SimSun", Helvetia, Verdana, Arial;font-size: 12px;}
body,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend {margin: 0;}
p,ul,ol,fieldset {margin:0;padding:0;}
li{list-style: none;}
table {font-size: inherit;}
fieldset,img {border: none;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
abbr,acronym {border: none;font-variant: normal;}
sup {/*vertical-align: text-top;*/line-height:0;margin-right:4px;*position:relative;*top:-6px;*vertical-align:baseline;}
sub {vertical-align: text-bottom;}
input,button,textarea,select {outline:none;font-family:"微软雅黑",Helvetia,"lucida Grande",Verdana,Arial;font-size:inherit;line-height:inherit;}
textarea {vertical-align:top;overflow: auto;/* 移除IE下的纵向滚动条 */}
a {color: #3e3e3e;text-decoration: none;}
a.hoverColor:hover {color: #ff5274;text-decoration: none;}
abbr,acronym {border-bottom: 1px dotted;cursor: help;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* html5 tag */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {display: block;}
audio,
canvas,
video {display:inline-block;*zoom:1;}
.mainColor{color:#ff5274;}

.clearfix:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}

/* #common */
.container { width:1280px;margin-left:auto;margin-right:auto;*zoom:1;}
.container1200 { width:1200px;margin-left:auto;margin-right:auto;*zoom:1;}

.container1920 { width:1920px;margin-left:auto;margin-right:auto;*zoom:1;}
.container980{width:980px;margin-left:auto;margin-right:auto;*zoom:1;}
.container996{width:996px;margin-left:auto;margin-right:auto;*zoom:1;}
.container:before {display:table;content:"";}
.container:after {display:table;content:"";clear:both;}
.lilove {height: 20px;cursor: pointer;}
.lilove img {margin-top: 10px;margin-right: 30px;}

.relativeWrap{height:1px;width:1px;}
/* navi--------------------------------------------------------------------------------------- */


/*------------------------naviBackBlue----------------*/
.naviBackBlue{line-height:54px;}
.naviBackBlue.positionBorder16{position:absolute;z-index: 4;padding:16px 0;border-bottom:1px solid #8d8d8c;background:transparent;left:0;}
.naviBackBlue.fixedBg17{position:fixed;background:#232731;padding:0;border:none;top:0;z-index: 20;display:block !important;}
.naviBackWhite{background-color: #FFF;height: 36px;width: 100%;color: #252d3a;line-height: 36px;    position: relative;
    z-index: 999999;}
.naviConsumer{background-color:#333333;font-family: "微软雅黑";}
.naviConsumer a{font-family: "微软雅黑";}
.servicePhone{display:inline-block;background:url(../images/servicePhone.png) no-repeat left center;padding-left:20px;}
.naviBackBlue{background-color: #13182b;width: 100%;}
.naviBackBlack{background-color: #000;width: 100%;top:0px;position:fixed;alpha(opacity=90); opacity: 0.9; z-index:9999;display:none;}
.navi {list-style: none;display: inline-block;padding:35px;}
.navi li{float: left;_border-right-width: 1px;_border-right-style: dotted;_border-right-color: #2f3344;text-align: center;position:relative;width:114px;position:relative;overflow:hidden;line-height: 20px;}
/*.navi li a{color: #fff;font-size: 14px;text-decoration: none;display: block;width:90px; float: left;font-family: "微软雅黑";height: 50px;overflow:hidden;}
.navi li ul{ width: 114px;position: absolute; left:0;top:63px;display:none;z-index: 200;}*/
/*.navi li .naviLineTop{text-align:center;height:2px;background:#ff5274;width:90px;display:inline-block;position:absolute;left:0;top:0;transform: translate(0px,-20px) rotate(180deg);transition:all 0.35s;}*/
/*.navi li:hover .naviLineTop{transform:translate(0px,16px) rotate(0deg);}*/
/*.navi li a:hover{color:#ff5274;}*/
/*.navi li .naviLineBottom{height:2px;background:#ff5274;width:90px;display:inline-block;position:absolute;left:0;bottom:19px;*//*transform: translate(0px,30px);*//*transition:all 0.35s;display:none;}*/

.navi li a {overflow: hidden;color: #fff;font-size: 14px;font-family: "微软雅黑";height: 50px;}
.navi li a span {position: relative;display: inline-block;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;}
.navi li a span::before {color: #ff5274;position: absolute;top: 100%;content: attr(data-hover);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.navi li a:hover span {-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);transform: translateY(-100%);}


/*consumer*/






/*.navi li:hover .naviLineBottom{transform:translate(0px,-16px);display:block;}*/
.page_index #top_navi_index a, .page_diy #top_navi_diy a, .page_brands #top_navi_brands a, .page_publish #top_navi_publish a, .page_join #top_navi_join a ,.page_extravagant #top_navi_extravagant a,.patterIndex .designWorks a{color:#ff5274;}

.platemaking a{background: #1f2747;}
.noline{border-right-width: 0px!important;}
.hotLine {float: right;display: inline-block;width: 192px;height: 63px;background-image: url(../images/hotline.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: left;margin-left: 10px;}
.iconwrap{width:200px;float: right;}

/* .menu */
.menu,.menu ul {list-style:none;margin:0;padding:0;}
.menu {position:relative; z-index:2;}
.menu ul {height:0;right:0;overflow:hidden;position:absolute;top:35px;}
.menu li {float:left;position:relative;}
.menu li a {background-color: #fff;color: #252d3a;display: block;font-size: 12px;line-height: 36px;text-decoration: none;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #fff;border-left-color: #fff;}
.menuConsumer li a{background:none;color:#cccccc;border:none;}
.menu li:hover > a {border-color: #cbcbcb;color: #ff5274;line-height: 36px;height: 36px;}
.menu li:hover ul.subs {height: auto;width: 100px;margin-top: 1px;-webkit-box-shadow: 0 5px 10px #333;-o-box-shadow: 0 5px 10px #333;-moz-box-shadow: 0 5px 10px #333;box-shadow: 0 5px 10px #333;}
.menu ul li {opacity:0;width:100%;}
.menu li:hover ul li {opacity:1;filter:alpha(opacity=100);}
.menu ul li a {padding-right: 20px;padding-left: 20px;background:#ffffff;border-color:#cbcbcb;color:#878588;}
.menu li:hover ul li a {line-height:36px;}
.menutext {height:36px;}

.menu li:hover ul.bigsubs {height: auto;width: 216px;margin-top: 1px;background-color: #FFF;}
.menu li:hover ul.bigsubs li{height:40px;}

.bigsubs{border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #cbcbcb;border-left-color: #cbcbcb;}
.bigsubs li a{padding-right: 0px!important;padding-left: 0px!important;border: 0px solid !important;}
.bigsubs li{padding-top: 10px;}
.bigsubs img{float: left;width: 40px;margin-right: 10px;margin-left: 10px;}
.bigsubs .linkText{font-size:12px;float: left;height: 20px!important;text-decoration: none;overflow: hidden;width: 80px;line-height: 20px!important;}
.bigsubs .linkText:hover{color:#ff9000;}
.bigsubs .priceText{float: left;height: 20px!important;text-decoration: none;overflow: hidden;width: 50px;line-height: 20px!important;overflow: hidden;text-decoration: none;display: inline-block;font-family: Verdana, Geneva, sans-serif;font-size: 12px;}
.menuMore{line-height: 20px!important;height: 20px!important;margin-top: 10px;}



/* .navi */



/* rightNaviWrap--------------------------------------------------------------------------------------- */
.rightNaviWrap{position: fixed;z-index: 5;height: 265px;width: 52px;display:block;}
.serviceWrap{background-color: #FFF;display: inline-block;height: auto;width: 150px;position: fixed;top: 70px;right: 52px;-webkit-border-radius: 3px;-moz-border-radius: 3px;	border-radius: 3px;border: 1px solid #dadada;z-index: 9000;}
#serviceWrap{display: none;}
.serviceWrap dl{width: 119px;margin-right: auto;margin-left: auto;color: #98a1a6;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dadada;}
.serviceWrap dt{margin-top: 15px;margin-bottom: 10px;font-weight: bold;}
.serviceWrap dd a{margin-top: 5px;margin-bottom: 5px;line-height: 30px;color: #98a1a6;text-align: center;height: 30px;width: 119px;display: block;text-decoration: none;background-image: url(../images/qq.png);background-repeat: no-repeat;background-position: 4px 4px;}
.serviceWrap dd a:hover{color: #fff;background-color: #98a1a6;}
.serviceWrap ul{width: 119px;margin-right: auto;margin-left: auto;color: #98a1a6;}
.serviceWrap li{margin-top: 10px;margin-bottom: 10px;color: #98a1a6;width: 119px;display: block;font-family: Verdana, Geneva, sans-serif;}
.careWrap{background-color: #FFF;display: inline-block;height: auto;width: 172px;position: fixed;top: 120px;right: 52px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dadada;z-index: 9000;padding: 24px;}
#careWrap{display: none;}
.favoriteWrap{background-color: #FFF;display: inline-block;height: 500px;width: 230px;position: fixed;top: 70px;right: 52px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dadada;z-index: 9000;}
#favoriteWrap{display: none;}
.favoriteTitle{line-height: 25px;color: #FFF;background-color: #13182b;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.favoriteMore{line-height: 25px;color: #98a1a6;text-align: right;}
.favoriteMore a{color: #98a1a6;text-decoration: none;}
.favoriteContent{height: 430px;width: 210px;padding: 10px;overflow-x: hidden;overflow-y: auto;}
.favoriteContent ul{list-style: none;width:210px;height:auto;}
.favoriteContent ul li{width: 210px;overflow: hidden;padding-bottom: 15px;padding-top: 15px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dadada;}
.favoriteContent ul li a:hover{color:#d13f31;}
.favoriteContent ul .linkText{width: 90px;line-height: 24px;height: 50px;overflow: hidden;text-decoration: none;display: inline-block;margin-left: 10px;}
.favoriteContent ul .priceText{width: 90px;line-height: 24px;height: 24px;overflow: hidden;text-decoration: none;display: inline-block;margin-left: 10px;font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #FF0000;}


/* footerWrap--------------------------------------------------------------------------------------- */
.splitterBars{height:62px;background:#3c465b;/*margin-top:30px;*margin-top:30px;*/}
.footerUpWrap{width: 100%;background-color: #252b39;height: 219px;}
.footerUpWrap dl{float: left;margin-top: 50px;margin-left: 24px;margin-right: 110px;display: inline-block;}
.footerUpWrap dt a{font-family: "微软雅黑";font-size: 16px;color: #FFF;text-decoration: none;line-height: 30px;}
.footerUpWrap dt a:hover{color: #ff5274;}
.footerUpWrap dd a{font-size: 12px;color: #ababab;text-decoration: none;line-height: 30px;font-family: "微软雅黑";}
.footerUpWrap dd a:hover{color: #ff5274;}
.footerButtomWrap{width: 100%;background-color: #252b39;height: 196px;}
.footerUpWrap ul{list-style: none;float: left;margin-top: 40px;display: inline-block;}
.footerButtomWrap dl{list-style: none;float: left;margin-left: 24px;display: inline-block;}
.footerButtomWrap dl dt{width:100%;color: #dadada;line-height: 24px;margin-top: 10px;margin-bottom: 20px;display: inline-block;}
.footerButtomWrap dl dt a{color: #FFF;}
.footerButtomWrap dl dt a:hover{color: #ff5274;text-decoration: none;}
.footerButtomWrap dl dd {width: 250px;float: left;color: #dadada;line-height: 24px;margin-top: 10px;margin-bottom: 20px;font-family: "微软雅黑";}
.footerButtomWrap .icpNumber{color:#dadada;}
/* simpleFooter--------------------------------------------------------------------------------------- */
.simpleFooter{margin-top:30px;line-height: 30px;height: 110px;width: 100%;border-top-width: 1px;border-top-style: solid;border-top-color: #cbcbcb;	text-indent: 20px;text-decoration: none;text-align: center;padding-top: 30px;}
.simpleFooter a{text-decoration: none;font-size: 14px;color:#333333;margin-left: 10px;margin-right: 10px;}



/* leftMenu--------------------------------------------------------------------------------------- */
.leftMenu{width: 164px;border: 1px solid #ddd;margin-top: 10px;margin-bottom: 30px;padding-bottom: 20px;float: left;}
.leftMenu h1{width: 164px;background-color: #13182b;color: #FFF;margin-top: 0px;margin-right: auto;margin-bottom: 10px;margin-left: auto;padding-left: 0px;font-size: 12px;font-weight: normal;padding-top: 10px;padding-bottom: 10px;text-indent: 40px;}
.leftList{width: 127px;text-align: left;margin-top: 0px;margin-right: auto;margin-left: auto;margin-bottom:20px;}
.leftList li{display: block;height: auto;cursor: pointer;color: #333333;line-height: 35px;font-size: 12px;padding-top: 2px;padding-right: 10px;padding-bottom: 2px;padding-left: 0px;font-weight: bold;text-indent: 20px;}
.leftList li a{color: #333;text-decoration: none;}
.leftList li a:hover{color: #ff5274;}
.leftList .sub{}
.leftList .sub li a{line-height: 20px;width: 127px;height: 20px;display: block;text-decoration: none;font-weight: normal;}
.leftList .on{color: #FFF;line-height: 24px;font-size: 12px;width: 127px;height: 24px;display: block;padding-top: 2px;padding-right: 0px;padding-bottom: 2px;padding-left: 0px;text-decoration: none;background-color: #5b5b5b;}
.leftList .on:hover{color: #FFF;}



/* alertWrap--------------------------------------------------------------------------------------- */
.alertWrap{font-size: 12px;line-height: 30px;color: #d93d3d;background-color: #fefcf3;background-image: url(../images/user/alerticon.jpg);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 400px;padding-left: 36px;border: 1px solid #de927d;display: block;}	
.alertWrap1{margin-left:100px;font-size: 12px;line-height: 30px;color: #d93d3d;background-color: #fefcf3;background-image: url(../images/user/alerticon.jpg);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 360px;padding-left: 36px;border: 1px solid #de927d;display: block;}	
.alertWrap2{margin-left:100px;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 360px;padding-left: 36px;display: block;}	
.alertWrap3{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -300px;top: 12px;*left: -10px;*top: 0px;}	
.alertWrap4{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -300px;	top: 3px;*left: -10px;*top: 0px;}	
.alertWrap5{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: 10px;}	
.alertWrap6{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -300px;top: 12px;*left: -10px;*top: 20px;}
.alertWrap7{font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 360px;padding-left: 36px;display: block;}
.alertWrap7{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 90px;height: 30px;width: 200px;padding-left: 110px;display: block;position: relative;left: -300px;top: 6px;*left: -10px;*top: 0px;}
.alertWrap8{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 145px;height: 30px;width: 200px;padding-left: 164px;display: block;position: relative;left: -300px;top: 7px;*left: -10px;*top: 0px;}		
.alertWrap9{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 150px;height: 30px;width: 200px;padding-left: 170px;display: block;position: relative;left: -300px;top: -2px;*left: -10px;*top: 0px;}		
.alertWrap10{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 40px;height: 30px;width: 200px;padding-left: 60px;display: block;position: relative;left: -300px;top: 9px;*left: -10px;*top: 0px;}
.alertWrap11{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 138px;height: 30px;width: 200px;padding-left: 158px;display: block;position: relative;left: -300px;top: 9px;*left: -10px;*top: 0px;}
.alertWrap12{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -8px;top: -22px;*left: -10px;*top: 0px;}
.alertWrap13{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: 110px;top: -150px;*left: -10px;*top: 0px;}
.alertWrap14{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -300px;top: 0px;*left: -10px;*top: 0px;}			
.alertWrap15{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -180px;top: 0px;*left: -10px;*top: 0px;}
.alertWrap16{float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 36px;display: block;position: relative;left: -145px;top: 0px;*left: -10px;*top: 0px;}
.ithzs {float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 10px;height: 30px;width: 200px;padding-left: 30px;display: block;position: relative;left: -5px;top: 30px;*left: -10px;*top: 0px;}
.ithzs1 {float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 107px;height: 30px;width: 200px;padding-left: 127px;display: block;position: relative;left: -353px;top: 9px;*left: -10px;*top: 0px;}
.ithzs2 {float: left;font-size: 12px;line-height: 30px;color: #d93d3d;background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat;background-position: 150px;height: 30px;width: 200px;padding-left: 170px;display: block;position: relative;left: -300px;top: 7px;*left: -10px;*top: 0px;}
.alertWrapBrand {float: left; font-size: 12px;line-height: 30px;color: #d93d3d; background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat; background-position: 90px;height: 30px;width: 200px; padding-left: 110px;display: block; position: relative;left: -254px;top: 12px;}		
.alertWrapBrands {float: left; font-size: 12px;line-height: 30px;color: #d93d3d; background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat; background-position: 90px;height: 30px;width: 200px; padding-left: 110px;display: block; position: relative;left: -269px;top: 12px;}		
.alertWrapBrandSelect {float: left; font-size: 12px;line-height: 30px;color: #d93d3d; background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat; background-position: 90px;height: 30px;width: 200px; padding-left: 110px;display: block; position: relative;left: -269px;}		
.alertWrapDiv{display: inline-block;height: 1px;width: 1px; }
.alertWrapCheckBody {float: left; font-size: 12px;line-height: 30px;color: #d93d3d; background-image: url(../images/user/alerticon2.png);background-repeat: no-repeat; background-position: 90px;height: 30px;width: 200px; padding-left: 110px;display: block; position: relative;left:-80px;top: -9px;}		


/* icons--------------------------------------------------------------------------------------- */
#service{background-image: url(../images/menuarrow.png);background-position: 82px center;background-repeat: no-repeat;padding-right: 20px;padding-left: 20px;}
#service:hover{background-image: url(../images/menuarrowon.png);}
.serviceon{background-image: url(../images/menuarrowon.png)!important;background-position: 74px center;background-repeat: no-repeat;padding-right: 20px;padding-left: 20px;}
#person{background-image: url(../images/menuarrow.png);background-position: 74px center;background-repeat: no-repeat;padding-right: 20px;padding-left: 20px;}
#person:hover{background-image: url(../images/menuarrowon.png);}
.personon{background-image: url(../images/menuarrowon.png)!important;background-position: 74px center;background-repeat: no-repeat;padding-right: 20px;padding-left: 20px;}
#favorite{background-image: url(../images/heart.png);background-repeat: no-repeat;background-position: 8px center;padding-right: 20px;padding-left: 25px;}
#favorite:hover{background-image: url(../images/hearton.png);}
.favoriteon{background-image: url(../images/hearton.png)!important;background-repeat: no-repeat;background-position: 8px center;padding-right: 20px;padding-left: 25px;}
#cart{background-image: url(../images/cart.png);background-repeat: no-repeat;background-position: 6px center;padding-right: 20px;padding-left: 26px;}
#cart:hover{background-image: url(../images/carton.png);}
.carton{background-image: url(../images/carton.png)!important;background-repeat: no-repeat;background-position: 6px center;padding-right: 20px;padding-left: 26px;}
#business{background-image: url(../images/menuarrow.png);background-position: 86px center;background-repeat: no-repeat;padding-left: 10px;padding-right: 10px;}
#business:hover{background-image: url(../images/menuarrowon.png);}
.businesson{background-image: url(../images/menuarrowon.png)!important;background-position: 86px center;background-repeat: no-repeat;padding-left: 10px;padding-right: 10px;}
.logo {margin-top:8px;float: left;display: inline-block;width: 280px;height:74px;background-image: url(../images/logoW3.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: left;}
.newLabel{background-image: url(../images/newlabel.png);background-repeat: no-repeat;background-position: 76px 5px;}
#headIcon {float: right;display: inline-block;width: 60px;height: 63px;background-image: url(../images/headicon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: center center;}
#cartIcon {float: right;display: inline-block;width: 60px;height: 63px;background-image: url(../images/carticon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: center center;}
#shopIcon {float: right;display: inline-block;width: 60px;height: 63px;background-image: url(../images/shopicon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: center center;}
.infoNumber{line-height: 20px;background-image: url(../images/infonumberback.png);background-repeat: no-repeat;position: relative;left: 115px;top: 15px;font-weight: bold;background-position: 3px 3px;text-indent: 6px;color: #FFF;}

#orderIcon {display: block;width: 52px;height: 52px;background-image: url(../images/ordericon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 1px;margin-left: 0px;}
#orderIcon:hover {background-image: url(../images/ordericonon.png);}
#serviceIcon {display: block;width: 52px;height: 52px;background-image: url(../images/serviceicon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 1px;margin-left: 0px;}
#serviceIcon:hover {background-image: url(../images/serviceiconon.png);}
#careIcon {display: block;width: 52px;height: 52px;background-image: url(../images/careicon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 1px;margin-left: 0px;}
#careIcon:hover {background-image: url(../images/careiconon.png);}
#favoriteIcon {display: block;width: 52px;height: 52px;background-image: url(../images/favoriteicon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 1px;margin-left: 0px;}
#favoriteIcon:hover {background-image: url(../images/favoriteiconon.png);}
.topIconNo {display: block;width: 52px;height: 52px;text-indent: -1000px;overflow: hidden;margin-bottom: 1px;}
.topIcon {display: block;width: 52px;height: 52px;background-image: url(../images/topicon.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 1px;margin-left: 0px;}
.topIcon:hover {background-image: url(../images/topiconon.png);}
.trashIcon{line-height: 15px;z-index:4;background-image: url(../images/trashicon.png);position: relative;top: -75px;right: 18px;background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;display: none;}
.favoriteNumber{line-height: 20px;background-image: url(../images/infonumberback.png);background-repeat: no-repeat;position: relative;left: 35px;top: -105px;font-weight: bold;background-position: 3px 3px;text-indent: 6px;color: #FFF;}

#goBack{height:30px;line-height: 30px; margin-top: 20px; color:#fff; background-color: #fb6e52; background-image: url(../images/return.png);background-position: 10px center;background-repeat: no-repeat;padding-left: 40px;padding-right: 15px;font-size: 14px;text-decoration: none;}
#redLogo {float: left;display: inline-block;width: 384px;height: 105px;background-image: url(../images/logo3.png);_background-image: url(../images/logo3.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: left;}
#yellowLogo {float: left;display: inline-block;width: 350px;height: 100px;background-image: url(../images/goods/yellowlogo.png);_background-image: url(../images/goods/yellowlogo.png);background-repeat: no-repeat;text-indent: -1000px;overflow: hidden;background-position: left;}

/* form--------------------------------------------------------------------------------------- */
/* #search 
#search input[type="text"] {float:right;margin-top:18px;background: url(../images/searchbutton.png) no-repeat right 0px #5a6378;border: 0 none;font: bold 12px Arial,Helvetica,Sans-serif;color: #d7d7d7;width: 80px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;padding-top: 6px;padding-right: 25px;padding-bottom: 6px;padding-left: 15px;} 
#search input[type="text"]:focus {background: url(../images/searchbutton.png) no-repeat right 0px #5a6378; color: #d7d7d7; width: 120px;}
*/
#search input[type="text"] {height:14px;float:right;margin-top:18px;background-color: #5a6378;border: 0 none;font: bold 12px Arial,Helvetica,Sans-serif;color: #d7d7d7;width: 80px;-webkit-border-radius: 20px 0px 0px 20px;-moz-border-radius: 20px 0px 0px 20px;border-radius: 20px 0px 0px 20px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;padding-top: 6px;padding-right: 25px;padding-bottom: 6px;padding-left: 15px;} 
#search input[type="text"]:focus {background-color: #5a6378; color: #d7d7d7; width: 110px;}
#search input[type="text"]:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #5a6378 inset;} 
/* #floatSearch 
#floatSearch input[type="text"]{float: left;margin-top:18px;background: url(../images/searchbutton2.png) no-repeat 470px 7px;border: 0.5 solid #FFF;font: bold 12px Arial,Helvetica,Sans-serif;color: #d7d7d7;width: 456px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;padding-top: 8px;padding-right: 35px;padding-bottom: 8px;padding-left: 5px;margin-left: 230px;} 
*/
#floatSearch input[type="text"]{float: left;margin-top: 18px;border: 0;height: 18px;font: bold 12px Arial,Helvetica,Sans-serif;color: #d7d7d7;width: 456px;padding-top: 8px;padding-right: 35px;padding-bottom: 8px;padding-left: 5px;margin-left: 230px;background-image: url(../images/searchbuttonback.png);background-repeat: no-repeat;background-position: 0px 0px;} 

/* #redSearch */
#redSearch input[type="text"] {height: 20px;float: right;margin-top: 37px;background-color: #fff;border: 1px solid #fb6e52;font: 12px Arial,Helvetica,Sans-serif;color: #b3b3b3;width: 126px;padding-top: 6px;padding-right: 5px;padding-bottom: 6px;padding-left: 5px;} 
#redSearch input[type="text"]:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;} 

/* #yellowSearch */
#yellowSearch input[type="text"] {height: 20px;float: right;margin-top: 37px;background-color: #fff;border: 1px solid #ffb200;font: 12px Arial,Helvetica,Sans-serif;color: #b3b3b3;width: 626px;padding-top: 6px;padding-right: 5px;padding-bottom: 6px;padding-left: 5px;} 
#yellowSearch input[type="text"]:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;} 

/* 自定义下拉菜单 */
.btnSelect {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #dcdcdc;height: 32px;position: relative;display: inline-block;width: 140px;background-color: #fff;color: #666666;font-size: 12px;} 
.btnSelect .curSelect {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #fff;height: 30px;line-height: 30px;position: absolute;display: block;width: 138px;text-indent: 10px;background-color: #fff;background-image: url(../images/selectback.jpg);background-repeat: no-repeat;background-position: 115px center;} 
.btnSelect:hover .curSelect {background-color: #fff; color: #666666!important;} 
.btnSelect select {border: 1px solid #fff;height: 30px;line-height: 30px;position: absolute; top: 0; left: 0; width: 138px; opacity: 0; filter: alpha(opacity: 0); font-size: 12px;color: #666666; } 
.btnSelect select option { text-indent: 10px;height:35px;line-height:35px; } 
.btnSelect select option:hover { background-color: #1e90ff; color: #fff; } 


/* motion--------------------------------------------------------------------------------------- */
/* #topFlag */
#topFlag{
	line-height: 18px;background-color: #ff5274;background-image: url(../images/topflagarrow.png);background-repeat: no-repeat;background-position: left 0px;display: inline-block;float: left;text-indent: 5px;color: #FFF;padding-right: 10px;padding-left: 10px;margin-left: 10px;margin-top: 9px;
	animation-name:shake;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running;
	-moz-animation-name:shake;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-delay:0s;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-play-state:running;
	-webkit-animation-name:shake;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;
	-o-animation-name:shake;-o-animation-duration:1s;-o-animation-timing-function:linear;-o-animation-delay:0s;-o-animation-iteration-count:infinite;-o-animation-direction:alternate;-o-animation-play-state:running;	
	}
@keyframes shake{0% {margin-left: 10px;}50% {margin-left: 20px;}100% {margin-left: 10px;}}
@-moz-keyframes shake{0% {margin-left: 10px;}50% {margin-left: 20px;}100% {margin-left: 10px;}}
@-webkit-keyframes shake{0% {margin-left: 10px;}50% {margin-left: 20px;}100% {margin-left: 10px;}}
@-o-keyframes shake{0% {margin-left: 10px;}50% {margin-left: 20px;}100% {margin-left: 10px;}}

.moveOn{-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}
.moveOn a:hover{-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}


/* #button---------------------------------------------------------------------*/
#orderButton {color: #ff5274;background-color: transparent;border: 1px solid #ff5274;display: block;width: 261px;height: 48px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;text-align: center;font-size: 14px;line-height: 48px;text-decoration: none;margin-top: 30px;*margin-top:30px;}
#orderButton:hover {color: #FFF;background-color: #ff5274;border: 1px solid #ff5274;}
#searchButton1{margin-left:-1px;margin-top: 18px;float: right;background-image: url(../images/searchbutton1.png);background-repeat: no-repeat;height: 26px;width: 26px;text-decoration: none;text-indent: -1000px;overflow: hidden;}
#searchButton4{margin-left:-1px;margin-top: 18px;float: right;background-image: url(../images/searchbutton4.png);background-repeat: no-repeat;height: 26px;width: 12px;text-decoration: none;text-indent: -1000px;overflow: hidden;}
#searchButton3{margin-top:18px;float:left;background-image: url(../images/searchbutton3.png);background-repeat: no-repeat;height: 34px;width: 32px;text-decoration: none;text-indent: -1000px;overflow: hidden;}
.pageButton{display:inline-block;font-size: 12px;color: #999999;margin-right: 1px;border: 1px solid #ddd;margin-top: 15px;text-decoration: none;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
.pageButton:hover{display:inline-block;font-size: 12px;color: #fff;margin-right: 1px;border: 1px solid #f99000;margin-top: 15px;text-decoration: none;background-color: #f99000;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
.pageButton.active{display:inline-block;font-size: 12px;color: #fff;margin-right: 1px;border: 1px solid #f99000;margin-top: 15px;text-decoration: none;background-color: #f99000;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
#redSearchZoom{margin-top: 37px;float: right;background-image: url(../images/goods/redsearchzoom.png);background-repeat: no-repeat;height: 34px;width: 34px;text-decoration: none;text-indent: -1000px;overflow: hidden;}
#yellowSearchZoom{margin-top: 37px;float: right;background-image: url(../images/goods/yellowsearchzoom.png);background-repeat: no-repeat;height: 34px;width: 76px;text-decoration: none;text-indent: -1000px;overflow: hidden;}
.loginBtnBox{float: right;margin-top: 37px;font-size: 14px;color:#000000;}
.loginBtn{padding:5px 10px;color:#fff;background:#f5aa1b;margin-left:5px;border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;margin-right:40px;}
.loginBtn:hover{background:#f8b535}
.deepBlueRadio{
	display:inline-block;
	background-color: #fff;
	line-height: 29px;
	height: 29px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #cecece;	
	color:#2f2f2f;
	text-align:center;
	text-indent:0px!important;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    cursor:pointer;
	}
.deepBlueRadio:hover{
	background-color: #4e5b62;
	border: 1px solid #4e5b62;	
	color:#fff;
	}
.deepBlueRadioOn{
	background-color: #4e5b62;
	border: 1px solid #4e5b62;	
	color:#fff;
	}
.whiteRadio{
	display:inline-block;
	background-color: #fff;
	line-height: 29px;
	height: 29px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #ffffff;	
	color:#2f2f2f;
	text-align:center;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	}
.whiteRadio:hover{
	background-color: #ffffff;
	border: 1px solid #ffffff;	
	color:#ffb200;
	}
.whiteRadioOn{
	background-color: #ffffff;
	border: 1px solid #ffffff;	
	color:#ffb200;
	}
.deepBlueRadio1{
	width:64px;
	display:inline-block;
	background-color: #fff;
	line-height: 29px;
	height: 29px;
	margin-right: 5px;
	border: 1px solid #cecece;	
	color:#2f2f2f;
	text-align:center;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	}
.deepBlueRadio1:hover{
	background-color: #4e5b62;
	border: 1px solid #4e5b62;	
	color:#fff;
	}
.deepBlueRadioOn1{
	background-color: #4e5b62;
	border: 1px solid #4e5b62;	
	color:#fff;
	}
.deepYellowRadio{
	display:inline-block;
	background-color: #fff;
	line-height: 29px;
	height: 29px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #cecece;	
	color:#2f2f2f;
	text-align:center;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	}
.deepYellowRadio:hover{
	background-color: #ff5274;
	border: 1px solid #ff5274;	
	color:#fff;
	}
.deepYellowRadioOn{
	background-color: #ff5274;
	border: 1px solid #ff5274;	
	color:#fff;
	}
.fixed{
	position:fixed;
	top:63px;
}
.divScroll{
     OVERFLOW:auto;
        scrollbar-face-color: #FFFFFF;
        scrollbar-shadow-color: #D2E5F4;
        scrollbar-highlight-color: #D2E5F4;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-track-color: #FFFFFF; 
      scrollbar-arrow-color: #D2E5F4;
        }
.deepRedRadio{
	display:inline-block;
	background-color: #fff;
	line-height: 29px;
	height: 29px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #cecece;	
	color:#2f2f2f;
	text-align:center;
	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
	}
.deepRedRadio:hover{
	background-color: #dd2e3c;
	border: 1px solid #dd2e3c;	
	color:#fff;
	}
.deepRedRadioOn{
	background-color: #dd2e3c;
	border: 1px solid #dd2e3c;	
	color:#fff;
	}
.diyMaterial{
	margin:5px;
}

.addsize{width:84px; height:30px; margin:14px 20px 0 0; line-height:30px; text-align:center; float:right; }
.addsize a{color:#fff; background:#fb6e52; border-radius:3px; display:block;}
.addsize a:hover{color:#fff; background:#000;}
#sizelist{width:324px; height:420px; float:left; margin:0 0 0 31px;}
#sizelist table{color:#666;}
#sizelist table a{ transition:none; color:#969696;}
#sizelist table a:hover{color:#f99000;}
#righttable{width:654px; height:622px; float:right; margin:12px 31px 0 0; background:#edeff7;}
.sizename{ width:92px; height:22px; background:#fff; border:1px solid #b8bac8; border-radius:3px; color:#5a6378; font-weight:bold;}
#sizeedit{width:328px; height:21px; float:right; margin:0 20px 0 0;}
#sizeedit ul{margin:0; padding:0;}
#sizeedit li{width:78px; height:22px; padding:0px; border:none; list-style:none;  text-align:center; line-height:20px; float:left; margin-right:4px;}
#sizeedit li a{color:#5b5b5b; font-size:12px; display:block; border:#c4c5ca 1px solid; border-radius:3px;}
#sizeedit li a:hover{color:#fff; border:#f99000 solid 1px; background:#f99000; border-radius:3px;}


/*消费者页头部到行业*/
.consumerContainer{padding-top:12px;padding-bottom: 40px;}
.consumerTopNav{position:relative;}
.consumerLogo{}
/*.consumerTop{background:#fff url(../images/user/registTopBg.png) repeat-x bottom;position:relative;}*/
.consumerBoxUl .consumerUl>li{float: left;position:relative;}
.consumerBoxUl .consumerUl>li>a:hover{background-color:#eba524;color:#fff;}
.consumerBoxUl .consumerUl li>a{padding:30px 20px;display:inline-block;color:#2d2d2d;font-size: 14px;}
.consumerUlList .consumerUlSubs{position:absolute;left:0;top:75px;width:100%;z-index: 10;background:#ffffff;display:none;}
.consumerUlList .consumerUlSubs li{text-align: center;width:100%;margin-bottom: 5px;}
.consumerUlList .consumerUlSubs li a{padding:10px 0px;display:inline-block;width:100%;}
.consumerUlList .consumerUlSubs li:hover a{background-color:#eba524;color:#fff;}
/*这里是各项导航的焦点写法*/
.newPage_index #index_consumerTop>a,.ladyPage_index #lady_consumerTop>a , .newManPage_index #man_consumerTop>a,.newPage_join #yunyi_consumerTop>a,.customSearchPage_index #lineDown_consumerTop>a, .showNewsPage_index #consult_consumerTop>a,.consumerPage_index #pattern_consumerTop>a ,.requirePage_index #demand_consumerTop>a,.designCenter_index #designer_consumerTop>a{background-color:#eba524;color:#fff;}



/*消费者页脚专区*/
.explainBox ul li{float: left;margin-right: 70px;font-size: 14px;color:#333333;}
.explainBox ul li img{vertical-align: middle;margin-right: 10px;}
.footerBox{background-color: #333333;/*border-top: 2px solid #fa7d03;*/padding-top: 30px;padding-bottom: 30px;color:#cccccc;}
.footerBox a{color:#cccccc;}
.footerBorder{border-bottom: 1px solid #555555;}
.footerCont_L{width:50%;}
.footerCont_L a{display:inline-block;padding-left: 10px;padding-right: 10px;}
.footerCont_R{width:40%;}
.codeTxt{display:inline-block;width:160px;line-height: 30px;}
.footerCont_R img{vertical-align: middle;}
.footerBox .foonterLink a{display:inline-block;padding-left: 10px;padding-right: 10px;;}

/*自适应平板屏幕 @media (min-width:768px) and (max-width:991px){*/
@media (min-width:100%) and (max-width:100%){
    .container{width:100%;}
    .container996{width:100%;}
    .container980{width:100%;}
    .container1200{width: 100%;}
    .diy_List{width:100%;}
    .slideGroup{width:100%!important;}
    .container1338{width:100%;}
    .logo{background-size: 220px auto;width:220px;}
    .navi li{width:86px;}
    .banner_ol li{width:20%;}
    .LoadContUp img{max-width: 930px;}

}

/*多余字体省略*/
.skipWords{width: 100%;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 30px;cursor: pointer;color:#232731;}